<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ page session="true"%>
    <%
    	if(session.getAttribute("usuario")== null)
    		response.sendRedirect("./login.jsf");
    %>
<html>
	<head>
	<title>ROS-IC</title>
	<link href="recursosAdicionales/estilos/estilo.css" rel="stylesheet"
		type="text/css" />
	<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAAvylPihvfuO_IK0ZyiM6TPhTcqFW0NpHyZFTboXcIxx4ezYVyRBSlr1l7Fd48ixnGC9SRP1AJesXdBQ" type="text/javascript"></script>


	    <script type="text/javascript">
	    
	    var mapa = null;
	    var marker = null;
	
	    function inicializar() {
	      if (GBrowserIsCompatible()) {
	        mapa = new GMap2(document.getElementById("map_canvas"));
	        mapa.setCenter(new GLatLng(4.6473016,-74.0962677), 12);
	        mapa.setUIToDefault();
	      }
	    }

		function mostrarInfo(latitud, longitud)
		{
			var point = new GPoint(latitud, longitud);
			if(marker == null)
				crearMarcador(point);
			else
				cambiarInfo(point);
		}
	    
		function cambiarInfo(point)
		{
			marker.setPoint(point);
			mapa.panTo(point);
		}
	
	    function crearMarcador(point){
	    	marker = new GMarker(point, {draggable: false}); 
	        mapa.addOverlay(marker);
	        mapa.panTo(point);
	    }
	    
	    </script>
	</head>
	<body class="estilo" bgcolor="#999999" onload="inicializar()" onunload="GUnload()">
		<f:view>
			<h:form id="login">
				<center>
				<table border="0" width="500px" bgcolor="#FFFFFF">
					<tr>
						<td align="center" colspan="4">
							<img src="recursosAdicionales/imagenes/titulo.png">
						</td>
					</tr>
					<tr align="center" >
						<td colspan="4"><rich:messages errorClass="estiloError"></rich:messages></td>
					</tr>
					<br />
					<tr>
						<td colspan="4">
							<%@include file="menu.jsp" %>
						</td>
					</tr>
					<tr>
						<td align="center" colspan="4">
						<h:outputText value="LUGARES DEL USUARIO"></h:outputText>
						</td>
					</tr>
					<tr>
						<td colspan="2">
							<h:commandLink value="Ingresar un Nuevo Lugar" action="ingresarLugar"></h:commandLink>
							<br></br>
							<br></br>
							<rich:dataTable value="#{lugaresBean.listadoLugares}" var="lugar" width="100%">

					            <f:facet name="header">
					                <h:outputText value="Lugares Ingresados"></h:outputText>
					            </f:facet>
					            
					            <rich:column>
					            	<f:facet name="header">
					                    <h:outputText value="Nombre del Lugar" />
					                </f:facet>
					                <center>
					                	<h:outputText value="#{lugar.nombre}"/>
					                </center>
					                					                
					            </rich:column>					            
					        </rich:dataTable>
						</td>
					</tr>
				</table>
				</center>
			</h:form>
		</f:view>
	</body>
</html>